<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="../css/index.css" />
    <link rel="stylesheet" href="../css/base.css" />
    <link
      rel="stylesheet"
      href="//cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"
    />
    <script src="//cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="//cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <!-- <link rel="stylesheet" href="../css/bootstrap.min.css" /> -->
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <!-- <link
      rel="stylesheet"
      href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
      integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu"
      crossorigin="anonymous"
    /> -->
    <script src="../js/jquery.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <!-- <script
      src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
      integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
      crossorigin="anonymous"
    ></script> -->
    <!-- <script src="../js/bootstrap.min.js"></script> -->
    <style></style>
  </head>
  <body>
    <!-- 首页 -->
    <div class="box">
      <div class="logo"><img src="../img/logo.png" alt="" /></div>
      <ul>
        <li><a href="https://www.midea.cn/">首页</a></li>
        <li>
          <a
            href="https://www.midea.cn/enterprise/cooperation/index?mtag=40005.1.41"
            >企业采购</a
          >
        </li>
        <li>
          <a href="https://vip.midea.cn/my/score_welfare?mtag=40005.1.44"
            >会员福利社</a
          >
        </li>
        <li><a href="https://msmart.midea.com/">美的美居</a></li>
      </ul>
      <input type="text" class="inp" />
      <i class=""></i>
      <i class=""></i>
      <a class="lg" href="../html/login.html">登录</a>
    </div>
    <div class="header">
      <img src="../img/18.png" alt="" />
    </div>
    <div class="nav">
      <ul>
        <li><span></span>美的集团唯一官方商城</li>
        <li><span></span>微信/支付宝快捷支付</li>
        <li><span></span>全场包邮/全国联保</li>
        <li><span></span>7天无理由退换货</li>
        <li><span></span>企业资质</li>
      </ul>
    </div>
    <div class="banxin">
      <!--轮播图 -->
      <div id="myCarousel" class="carousel slide">
        <!-- 轮播（Carousel）指标 -->
        <ol class="carousel-indicators">
          <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
          <li data-target="#myCarousel" data-slide-to="1"></li>
          <li data-target="#myCarousel" data-slide-to="2"></li>
        </ol>
        <!-- 轮播（Carousel）项目 -->
        <div class="carousel-inner">
          <div class="item active">
            <img style="width: 100%" src="../img/137.png" alt="First slide" />
          </div>
          <div class="item">
            <img style="width: 100%" src="../img/138.png" alt="Second slide" />
          </div>
          <div class="item">
            <img style="width: 100%" src="../img/139.png" alt="Third slide" />
          </div>
        </div>
        <!-- 轮播（Carousel）导航 -->
        <a
          class="left carousel-control"
          href="#myCarousel"
          role="button"
          data-slide="prev"
        >
          <span
            class="glyphicon glyphicon-chevron-left"
            aria-hidden="true"
          ></span>
          <span class="sr-only">Previous</span>
        </a>
        <a
          class="right carousel-control"
          href="#myCarousel"
          role="button"
          data-slide="next"
        >
          <span
            class="glyphicon glyphicon-chevron-right"
            aria-hidden="true"
          ></span>
          <span class="sr-only">Next</span>
        </a>
      </div>

      <div class="warp">
        <ul>
          <li>
            <a
              href="https://www.midea.cn/promote/pc/build/index/aWQwTfmdaS0x9Mzc2OA?mtag=10022.8.1"
              ><img src="../img/140.png" alt=""
            /></a>
          </li>
          <li>
            <a
              href="https://www.midea.cn/detail/index?itemid=1000000000100511287366&mtag=10022.8.2"
              ><img src="../img/141.png" alt=""
            /></a>
          </li>
          <li>
            <a href="https://www.midea.cn/coupon_center?mtag=10022.8.3">
              <img src="../img/142.png" alt=""
            /></a>
          </li>
          <li>
            <a
              href="https://www.midea.cn/promote/pc/build/index/awTfmdaS0xWQ9MjY1Nw?mtag=10022.8.4"
            >
              <img src="../img/143.png" alt=""
            /></a>
          </li>
        </ul>
      </div>
      <!-- 图片链接 -->
      <div class="tu">
        <ul>
          <li>
            <a
              href="https://event.midea.cn/promote/w/build/index/aWQ9wTfmdaS0xMzQ5Nw?mtag=30071.1.1"
            >
              <img src="../img/144.png" alt=""
            /></a>
          </li>
        </ul>
      </div>
      <div class="one">
        <h2>明星单品</h2>
        <!-- <ul>
          <li>
            <a
              href="https://www.midea.cn/10000/1000000000100511266757.html?mtag=30022.1485.1"
              ><img src="../img/146.png" alt=""
            /></a>
          </li>
          <li>
            <ul>
              <li><img src="../img/147.png" alt="" /></li>
              <li><img src="../img/148.png" alt="" /></li>
              <li><img src="../img/149.png" alt="" /></li>
              <li><img src="../img/150.png" alt="" /></li>
            </ul>
          </li>
          <li>
            <ul>
              <li class="three"><img src="../img/151.png" alt="" /></li>
              <li><img src="../img/155.png" alt="" /></li>
              <li><img src="../img/154.png" alt="" /></li>
            </ul>
          </li>
          <li>
            <img src="../img/153.png" alt="" />
          </li>
        </ul> -->
      </div>
      <script>
        $.get("http://jx.xuzhixiang.top/ap/api/productlist.php", {
          uid: 64257,
          pagesize: 1 /*获取多少条数据*/,
          // pagenum: 0,  /*页数*/
        }).then((res) => {
          let data = res.data; //得到的是9条数据
          console.log(res.data);
          let str = "";
          data.forEach((item) => {
            str += `
            <ul>
          <li>     
             <a href="../html/cart.html?pid=${item.pid}"> <img src="../img/${item.pimg}" alt="" /></li></a>  
          <li>
            <ul>
              <a href="../html/cart.html?id=${item.pid}"><li><img src="../img/${item.pimg}" alt="" /></li>
              <li><img src="../img/${item.pimg}" alt="" /></li>
              <li><img src="../img/${item.pimg}" alt="" /></li>
              <li><img src="../img/${item.pimg}" alt="" /></li></a>
            </ul>
          </li>
          <li>
            <ul>
              <a href="../html/cart.html?id=${item.pid}"> <li class="three"><img src="../img/${item.pimg}" alt="" /></li>
              <li><img src="../img/${item.pimg}" alt="" /></li>
              <li><img src="../img/${item.pimg}" alt="" /></li></a>
            </ul>
          </li>
          <li>
            <a href="../html/cart.html?id=${item.pid}"> <img src="../img/${item.pimg}" alt="" /></a>
          </li>
        </ul>
     `;
          });
          $(".one").html(str);
        });
      </script>

      <div class="weibu">
        <h1>会员专区</h1>
        <ul>
          <li>
            <a href="https://vip.midea.cn/my/score_welfare">
              <img src="../img/156.png" alt=""
            /></a>
          </li>
          <li>
            <a href="https://vip.midea.cn/my/score_welfare">
              <img src="../img/157.png" alt=""
            /></a>
          </li>
          <li>
            <a href="https://www.midea.cn/act/lottery">
              <img src="../img/158.png" alt=""
            /></a>
          </li>
          <li>
            <a href="https://vip.midea.cn/my/vip/privilege?">
              <img src="../img/159.png" alt=""
            /></a>
          </li>
        </ul>
      </div>
    </div>
    <div class="footer">
      <ul>
        <li>用户协议</li>
        <li>隐私协议</li>
        <li>联系我们</li>
        <li>帮助中心</li>
        <li>服务支持</li>
        <li>东芝商城</li>
        <li>小天鹅商城</li>
      </ul>
    </div>
    <script></script>
  </body>
</html>
